<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <aside>
        <h2>管理系统</h2>
        <p>
            <span class="iconfont "># 首页</span>
            <span class="iconfont jiantou">#</span>
        </p>
        <p class="system">
            <span class="iconfont "># 系统管理</span>
            <span class="iconfont jiantou">#</span>
        </p>
        <ul>
            <li><span class="iconfont ">#</span>用户管理</li>
            <li><span class="iconfont ">#</span>角色管理</li>
            <li><span class="iconfont ">#</span>菜单管理</li>
            <li><span class="iconfont ">#</span>部门管理</li>
            <li class="active"><span class="iconfont ">#</span>岗位管理</li>
            <li><span class="iconfont ">#</span>字典管理</li>
            <li><span class="iconfont ">#</span>参数设置</li>
            <li><span class="iconfont ">#</span>通知公告</li>
            <li><span class="iconfont ">#</span>日志管理</li>
        </ul>
        <p>
            <span class="iconfont "># 系统监控</span>
            <span class="iconfont jiantou">#</span>
        </p>
    </aside>
    <main>
        <div class="top">
            <span class="iconfont caidan">#</span>
            <span class="iconfont ">#</span>
            <span class="username">XX</span>
            <img src="#" alt="">
            <span class="iconfont ">#</span>
        </div>
        <div class="middle">
            <span>首页</span>
            <span class="active">岗位管理</span>
        </div>
        <div class="bottom">
            <div class="find">
                <span>岗位名称</span>
                <input type="text" placeholder="请输入岗位名称">
                <button class="search"><span class="iconfont ">#</span>搜索</button>
                <button class="reset"><span class="iconfont ">#</span>重置</button>
            </div>
            <div class="operation">
                <div class="left">
                    <div class="add item">
                        <span class="iconfont ">#</span>新增
                    </div>
                    <div class="updata item">
                        <span class="iconfont ">#</span>修改
                    </div>
                    <div class="delete item">
                        <span class="iconfont ">#</span>删除
                    </div>
                    <div class="export item">
                        <span class="iconfont ">#</span>导出
                    </div>
                </div>              
                <div class="right">
                    <span class="iconfont ">#</span>
                    <span class="iconfont ">#</span>
                </div>
            </div>
            <table>
                <thead>
                    <tr>
                        <th><input type="checkbox" name="" id=""></th>
                        <th>岗位编号</th>
                        <th>岗位编码</th>
                        <th>岗位名称</th>
                        <th>岗位排序</th>
                        <th>岗位状态</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <td><input type="checkbox" name="" id=""></td>
                        <td>1</td>
                        <td>ceo</td>
                        <td>董事长</td>
                        <td>1</td>
                        <td>
                            <span>正常</span>
                        </td>
                        <td>2022-10-19 20:36:56</td>
                        <td>
                            <span class="xiugai"><span class="iconfont "># </span>修改</span>
                            <span class="shanchu"><span class="iconfont "># </span>删除</span>
                        </td>
                    </tr> -->
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="8">
                            共<span class="total"></span>条
                            <span class="prev">上一页</span>
                            <span class="page">1</span>
                            <span class="next">下一页</span>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </main>
</body>
</html>
<script src="js/axios.min.js"></script>
<script src="js/index.js"></script>